<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

    <title>登录 </title>

    <style type="text/css">
        .bgcolor-body,.bgcolor-footer,
        html{background-color:#EEE}.cf:after,
        .plus:after,.plus:before,
        footer:before,q:after,q:before{content:''}
        .color-link{color:#2bb8aa}
        .color-highlight{color:#f76120}
        .color-text{color:#666}
        .color-title{color:#333}
        .color-weaken{color:#999}
        .bdcolor-gray__weaken{border-color:#EEE}
        .bdcolor-gray__light{border-color:#DDD}
        .cf{zoom:1}.cf:after{display:block;
         clear:both;height:0;overflow:hidden;visibility:hidden}
        .pull-right{float:right}
        .pull-left{float:left}
        blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul
        {margin:0;padding:0}
        table{border-collapse:collapse;border-spacing:0
        }fieldset,
        img{border:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}li{list-style:none}caption,
        th{text-align:left}
        h1,h2,h3,h4,h5,h6{font-size:100%}
        abbr,acronym{border:0;font-variant:normal}
        sup{vertical-align:text-top}
        sub{vertical-align:text-bottom}
        input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
        legend{color:#333}
        body{font:400 14px/1.5 'Hiragino Sans GB','WenQuanYi Micro Hei',
        tahoma,sans-serif;color:#666;background-color:#fff}
        a{color:#FE8C00;text-decoration:none}
        h1,h2,h3,h4,h5,h6{font-family:'Hiragino Sans GB',' Microsoft YaHei','WenQuanYi Micro Hei',arial,sans-serif;color:#333;-webkit-font-smoothing:antialiased}input[type=password]{font-family:arial,sans-serif}
        .headline{margin-bottom:19px;border-bottom:2px solid #DDD;color:#333;font-size:18px;font-family:'Hiragino Sans GB',' Microsoft YaHei','WenQuanYi Micro Hei',arial,sans-serif}.f4,.f5{font-family:"Hiragino Sans GB"," Microsoft YaHei","WenQuanYi Micro Hei",arial,sans-serif}.headline .headline__content{display:inline-block;zoom:1;margin-bottom:-2px;border-bottom:2px solid #333;padding:12px 0;text-align:left}.headline--simple{border-bottom-width:1px;padding:12px 0}.sysmsgw{width:918px;margin:10px auto 0}.common-tip{position:relative;margin-bottom:10px;padding:10px 30px;border:1px solid #f5d8a7;border-radius:2px;background:#fff6db;font-size:14px;text-align:center;color:#666;zoom:1}.common-tip em{color:#f76120}.common-tip .common-close{position:absolute;top:12px;right:15px}@media (max-width:600px){.sysmsgw{width:100%}.common-tip{padding:10px 0}}.f-input,.f-text,.f-textarea{padding:3px 4px;font-size:14px;border-style:solid;border-width:1px}.f-input{border-color:#FFC300}.f-text{border-color:#FE8C00}.f-textarea{border-color:#777 #ccc #ddd}.f-select{font-size:14px;padding:3px 0 3px 4px;border-color:#FFC300;border-style:solid;border-width:1px}.f-submit{padding:4px 12px;border:2px solid #2bb8aa;background:#2bb8aa;color:#fff;letter-spacing:1px;cursor:pointer}input.disabled{border:1px solid #ccc;background:#eee;color:#999;cursor:default}.form{margin:0 0 10px;position:relative}.form .validate-info{margin:10px auto;padding:10px;border:1px solid #f5d8a7;border-radius:2px;background:#fff6db;font-size:12px}.form .email-auto .email-list li,.form .email-auto .email-title{padding:0 5px;height:26px;line-height:200%}.form .email-auto{position:absolute;top:44px;left:110px;width:258px;background:#fff;overflow:hidden;z-index:1;border:1px solid #ddd;box-shadow:1px 1px 2px #eee;color:#666}.form .email-auto .email-list li{cursor:pointer}.form .email-auto .email-list .current{color:#000;background:#eee}.form-field{position:relative;padding:8px 0 8px 110px;zoom:1}.form-field label{position:absolute;left:0;width:100px;padding-top:6px;font-size:14px;text-align:right;color:#333}.form-field label .required{color:#C00}.form-field label.text{padding-top:0}.form-field label.normal{position:static;width:auto;padding:0;font-size:12px;text-align:left}.form-field .f-text{width:248px;height:24px;padding:5px;border:1px solid #aaa;line-height:24px;vertical-align:top}.form-field .f-text--small{width:188px}.form-field .f-text--captcha{width:62px}.form-field .f-text-disabled{color:#bbb;filter:alpha(Opacity=75);opacity:.75}.form-field .f-textarea{width:248px;height:100px;padding:5px;border:1px solid #AAA}.form-field select{margin:0 auto}.form-field .f-text:hover,.form-field .f-textarea:hover{border-color:#999}.form-field .f-text:focus,.form-field .f-textarea:focus{border-color:#FFC300;outline:0}.form-field .inline-tip{display:inline-block;margin-left:4px;padding:6px 0;line-height:24px;font-size:12px;color:#999;vertical-align:top;zoom:1}.form-field .desc{margin-top:3px}.form-field .tip{display:block;font-size:12px;color:#999}.form-field em{font-weight:700;color:#f76120}.form-field .captcha{padding-bottom:16px}.form-field .captcha .f-text{width:60px}.form-field .captcha img{height:34px;vertical-align:top;border:1px solid #CCC;cursor:pointer}.form-field .inline-link{margin:0 0 0 4px;font-size:12px;line-height:36px;vertical-align:top;zoom:1}.form-field .block-tip{position:absolute;top:45px;left:110px;line-height:17px;font-size:12px;color:#f76120}.form-field .forget-password{float:right}.form-field .pw-strength{position:absolute;width:260px;top:50px;left:110px;background:#eee}.form-field .pw-strength .pw-strength__bar{background:#d3ebee;height:20px;width:0;overflow:hidden;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear}.form-field .pw-strength .pw-strength__bar--weak{width:85px;background:#f76120}.form-field .pw-strength .pw-strength__bar--normal{width:172px;background:#ff8900}.form-field .pw-strength .pw-strength__bar--strong{width:260px;background:#5bab3c}.form-field .pw-strength .pw-strength__letter{position:absolute;top:0;left:0}.form-field .pw-strength .pw-strength__letter .pw-strength__label{display:block;float:left;text-align:center;font-size:12px;height:20px;line-height:20px;width:85px;border-right:2px solid #fff;color:#fff}.form-field .pw-strength .pw-strength__letter .pw-strength__label--noborder{border-right:0}.form-field .verify-mobile{position:absolute;margin-top:3px;left:110px;top:43px}.form-field .verify-mobile .verify-tip{color:#666;font-size:12px}.form-field .verify-mobile .error{color:#f76120}.form-field img{border:1px solid #CCC;cursor:pointer}.form-field--higher{padding-bottom:22px}.form-field--captcha{padding-bottom:16px}.form-field--captcha .f-text{width:62px}.form-field--captcha-mobile{padding-bottom:5px;height:38px}.form-field--verify-mobile{padding:0 0 0 110px;margin-bottom:-3px;margin-top:-5px}.form-field--verify-mobile .verify-tip{font-size:12px;color:#666}.form-field--verify-mobile .error{color:#f76120}.form-field--auto-login{padding-top:0;font-size:12px}.form-field--error .inline-tip,.form-field--ok .inline-tip,.form-field--type .inline-tip{color:#666}.form-field--ok .inline-tip{padding:6px 0;border:none}.form-field--error .block-tip{color:#f76120}.form-field--error .f-textarea,.form-field--error .f-textarea:hover,.form-field--error input.f-text,.form-field--error input.f-text:hover,.form-field--error textarea,.form-field--error textarea:hover{border-color:#f76120}.form-field--icon{position:relative}.form-field--icon .icon{position:absolute;display:inline-block;width:18px;height:18px;top:16px;left:9px;line-height:18px;vertical-align:text-top}.form-field--icon .f-text{padding-left:33px;width:220px}.form-field--icon .icon-user{background-position:0 -345px}.form-field--icon .icon-password{background-position:0 -34px}.form-field--text{padding:0 0 4px 110px}.form-field--text .text{display:inline-block;margin-left:0;line-height:36px;width:120px;vertical-align:top}.form-field--city .province-city-select select{height:30px;margin:3px 10px 0 0}.form--stack{width:260px}.form--stack .form-field{padding-left:0}.form--stack .btn{width:100%}.form--stack .login-type i{position:absolute;top:50%;right:0;margin-top:-7px;width:14px;height:14px;background-position:0 -54px}.form--stack h2 a,.header,.plus{position:relative}.form--stack h2{font-weight:400;color:#666}.form--stack h2 a{float:right;padding-right:16px;font-size:12px;color:#666}.form--stack .validate-info{margin-bottom:10px;padding:10px;border:1px solid #f5d8a7;border-radius:2px;background:#fff6db;font-size:12px}.form--stack .form-field--ops{padding-bottom:0}.form--stack .verify-mobile{left:0}.form--signup .form-field{padding-left:80px}.form--signup .form-field label{width:70px}.form--signup .email-auto,.form--signup .form-field .pw-strength,.form--signup .form-field .verify-mobile{left:80px}.btn,.btn-hot,.btn-normal{display:inline-block;vertical-align:middle;padding:7px 20px 6px;font-size:14px;font-weight:700;-webkit-font-smoothing:antialiased;line-height:1.5;letter-spacing:.1em;text-align:center;text-decoration:none;border-width:0 0 1px;border-style:solid;background-repeat:repeat-x;border-radius:2px;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.btn-disabled,.btn-normal{padding-top:6px}.btn-mini,.btn-small{font-weight:400;-webkit-font-smoothing:initial}.btn,.btn.active,.btn.hover,.btn:active,.btn:focus,.btn:hover{color:#222;background-image:linear-gradient(135deg,#FFD000 0,#FFBD00 100%);border-width:0;box-shadow:0 2px 1px rgba(191,105,0,.15);background-size:100%}.btn-hot:active,.btn-hot:focus,.btn-hot:hover,.btn-normal:active,.btn-normal:focus,.btn-normal:hover,.btn:active,.btn:focus,.btn:hover{text-decoration:none;outline:0}.btn{filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2EC3B4', endColorstr='#FF2DB3A6')}.btn.hover,.btn:focus,.btn:hover{filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB8AA', endColorstr='#FF2EB7AA')}.btn.active,.btn:active{filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB8AA', endColorstr='#FF2BB8AA')}.btn-normal{color:#333;background-color:#dedede;border:1px solid #e3e3e3;border-bottom:1px solid #aaa;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFDEDEDE');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#f7f7f7,#dedede)}.btn-normal.hover,.btn-normal:focus,.btn-normal:hover{color:#333;background-color:#e9e9e9;border:1px solid #e5e5e5;border-bottom:1px solid #b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE9E9E9');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#fff,#e9e9e9)}.btn-normal.active,.btn-normal:active{color:#333;background-color:#efeffe;border:1px solid #ddd;border-bottom:1px solid #aaa;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDDDDD', endColorstr='#FFEEEEEE');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#ddd,#eee)}.btn-hot{color:#fff;background-color:#f76120;border-color:#da3f02;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF8901', endColorstr='#FFF76120');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#ff8901,#f76120)}.btn-hot.hover,.btn-hot:focus,.btn-hot:hover{color:#fff;background-color:#ff8101;border-color:#f76120;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF76120', endColorstr='#FFFF8101');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#f76120,#ff8101)}.btn-hot.active,.btn-hot:active{color:#fff;background-color:#f76120;border-color:#f76120;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF76120', endColorstr='#FFF76120');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#f76120,#f76120)}.btn-disabled,.btn-disabled:focus,.btn-disabled:hover{cursor:not-allowed;color:#bbb;border:1px solid #eee;background-color:#eee;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFEEEEEE');background-image:url();background-size:100%;background-image:linear-gradient(to bottom,#eee,#eee)}.login-section .oauth-wrapper .third-login-btn,.login-section .phone-input-wrapper .country-area a,.tip-btn{cursor:pointer}.btn-small{padding:3px 20px;font-size:12px;border-color:rgba(191,105,0,.15)}.btn-large{padding:5px 20px 4px;font-size:20px;font-weight:400}.btn-mini{padding:1px 8px 0;font-size:12px}.select-radio,.ui-radio{display:none}.select-radio+label,.ui-radio+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-radio+label:hover,.ui-radio+label:hover,.ui-radio[value=hover]+label,[value=hover].select-radio+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-radio:disabled+label,.ui-radio:disabled+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-radio:checked+label,.ui-radio:checked+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-radio:disabled:checked+label,.ui-radio:disabled:checked+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-checkbox,.ui-checkbox{display:none}.select-checkbox+label,.ui-checkbox+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-checkbox+label:hover,.ui-checkbox+label:hover,.ui-checkbox[value=hover]+label,[value=hover].select-checkbox+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-checkbox:disabled+label,.ui-checkbox:disabled+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-checkbox:checked+label,.ui-checkbox:checked+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.select-checkbox:disabled:checked+label,.ui-checkbox:disabled:checked+label{padding-left:20px;background:url() left center no-repeat;display:inline-block}.dropdown--small,.ui-select-small{font-size:12px;height:21px;padding:2px 0;border:1px solid;border-color:#999 #ddd #ddd #999;color:#666}.dropdown--normal,.ui-select{font-size:12px;height:30px;padding:6px 0;border:1px solid;border-color:#999 #ddd #ddd #999;color:#666}.dropdown--large,.ui-select-large{font-size:14px;height:34px;padding:7px 0;border:1px solid;border-color:#999 #ddd #ddd #999;color:#666}@media screen and (-webkit-min-device-pixel-ratio:0){.dropdown--small,.ui-select-small{-webkit-appearance:none;padding:2px 22px 2px 10px;border-radius:0;background:url() right center no-repeat #fff}.dropdown--normal,.ui-select{-webkit-appearance:none;padding:6px 26px 6px 10px;border-radius:0;background:url() right center no-repeat #fff}.dropdown--large,.ui-select-large{-webkit-appearance:none;padding:7px 30px 7px 12px;border-radius:0;background:url() right center no-repeat #fff}}.f0-b,.f1-b,.f2-b,.f3-b{font-weight:700}.f0,.f0-b{font-size:12px}.f1,.f1-b{font-size:13px}.f2,.f2-b{font-size:14px}.f3,.f3-b{font-size:16px}.f4{font-size:18px}.f5{font-size:28px}.icon-status-sprite,.tip-status,.tip-status--error,.tip-status--large,.tip-status--large--error,.tip-status--large--opinfo,.tip-status--large--success,.tip-status--middle,.tip-status--middle--error,.tip-status--middle--opinfo,.tip-status--middle--success,.tip-status--opinfo,.tip-status--success{background-image:url(/assets/icons.c1b3784.png);background-repeat:no-repeat}.tip-status{display:inline-block;width:17px;height:17px;margin-right:5px;overflow:hidden;background-position:0 -191px;vertical-align:-3px}.tip-status--error{background-position:0 -86px}.tip-status--opinfo{background-position:0 -296px}.tip-status--success{background-position:0 -453px}.tip-status--large{width:50px;height:50px;background-position:0 -105px}.tip-status--large--error{background-position:0 0}.tip-status--large--opinfo{background-position:0 -210px}.tip-status--large--success{background-position:0 -367px}.tip-status--middle{width:32px;height:32px;background-position:0 -157px}.tip-status--middle--error{background-position:0 -52px}.tip-status--middle--opinfo{background-position:0 -262px}.tip-status--middle--success{background-position:0 -419px}.tip-btn-wrapper{text-align:right;margin-top:10px}.tip-btn{margin-left:16px;border:1px solid #f7b84f;padding:2px;border-radius:3px;margin-top:10px}body,html{background:#FFF}.theme--banma_huoban .footer .copyright{text-align:center;color:#ccc}.theme--banma_huoban .footer .copyright .link,.theme--banma_huoban .footer .copyright a{color:#ccc}.theme--jiaoma .header .site-logo{width:130px;height:60px;background-position:-258px -748px;background-image:url(/assets/0.png);background-size:initial}.theme--jiaoma .footer .copyright{text-align:center;color:#ccc}.theme--jiaoma .footer .copyright .link,.theme--jiaoma .footer .copyright a{color:#ccc}.theme--jinrong .btn,.theme--jinrong-mobile .btn{border-color:#da3f02;color:#FFF;background:#ff8901;background:linear-gradient(to bottom,#ff8901 0,#f76120 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8901', endColorstr='#f76120', GradientType=0 )}.theme--jinrong .login-section{background:#0b9788}.theme--jinrong .login-section .treaty-block{color:#FFF}.theme--jinrong a{color:#f76120}.theme--mall .btn{background:#58CABF;border:none;color:#FFF}.theme--mall a{color:#54CABF}.theme--mall .form-field .f-text{border-color:#D5D5D5;color:#555}.theme--mall .login-section .form-field--auto-login .forget-password{float:left;color:#888;text-decoration:underline}.theme--mall .login-section .form-field--auto-login .normal{float:right;color:#888}.theme--mall .login-section .signup-guide{color:#555}.theme--mall .login-section .signup-guide a{float:right}.theme--maoyan_pianfang .header{margin-left:40px!important}.theme--maoyan_pianfang .header.cf .site-logo{width:239px;height:29px;background-position:-624px -677px;background-image:url(/assets/sp-normal.2ee5c09.png);text-indent:-200px}.theme--maoyan_pianfang .btn{background:#f34d41!important}.theme--maoyan_pianfang .promotion-banner{display:none!important}.theme--maoyan_pianfang .site-body-wrapper{margin-bottom:30px;padding-top:50px;background-position:0 0;background-image:url(/assets/sp-normal.2ee5c09.png);height:440px;width:auto;background-color:#08658b;background-repeat:no-repeat}.theme--maoyan_pianfang .site-body{width:auto!important}.theme--maoyan_pianfang .login-section{padding:0 35px 40px;background-color:#3e729c;float:right!important;margin-right:210px}.theme--maoyan_pianfang .login-section .signup-guide{display:none;color:#fff}.theme--maoyan_pianfang .login-section a,.theme--maoyan_pianfang .login-section label{color:#fff}.theme--maoyan_pianfang .login-section .oauth-wrapper .title{background:#3e729c;color:#fff}.theme--maoyan_pianfang footer:before{display:block;margin-bottom:30px;width:1250px;height:186px;background-position:0 -491px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--maoyan_pianfang .copyright{display:none!important}.theme--maoyan .header .site-logo{width:230px;height:45px;background-position:-394px -677px;background-image:url(/assets/sp-normal.2ee5c09.png);background-size:initial}.theme--maoyan .header--mini{border-bottom-color:#e02025}.theme--maoyan .header--mini .site-logo{width:133px;background-position:-536px -748px;background-image:url(/assets/sp-normal.2ee5c09.png);height:40px;margin-top:-2px}.theme--maoyan .footer .copyright{text-align:center;color:#ccc}.theme--maoyan .footer .copyright .link,.theme--maoyan .footer .copyright a{color:#ccc}.theme--maoyan .btn{border:#e02025;color:#FFF;background:#ec454a;background:linear-gradient(to bottom,#ec454a 0,#e02025 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec454a', endColorstr='#e02025', GradientType=0 )}.theme--maoyan .link,.theme--maoyan a{color:#ec454a}.theme--maoyan .login-section .login-type i{width:10px;height:13px;background-position:-1268px -509px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--maoyan .login-section .login-type--normal i{width:13px;height:12px;background-position:-933px -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--maoyan .form-field .f-text:focus{border-color:#e02025}.theme--mos .header--mini{border-color:#18f}.theme--mos .header--mini .site-logo{width:90px;width:280px;height:71px;background-position:-114px -677px;background-image:url(/assets/sp-normal.2ee5c09.png);transform:scale(.5);transform-origin:0 0;-ms-transform:scale(.5);-ms-transform-origin:0 0;-moz-transform:scale(.5);-moz-transform-origin:0 0;-webkit-transform:scale(.5);-webkit-transform-origin:0 0;-o-transform:scale(.5);-o-transform-origin:0 0}.theme--mos .header--mini .wrapper{height:36px}.theme--mos .footer .copyright{text-align:center;color:#ccc}.theme--mos .footer .copyright .link,.theme--mos .footer .copyright a{color:#ccc}.theme--mos .btn{border-color:#004a85;color:#FFF;background:#18f;background:linear-gradient(to bottom,#18f 0,#0077d1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1188ff', endColorstr='#0077d1', GradientType=0 )}.theme--mos .btn:active{background:#18f}.theme--mos .link,.theme--mos a{color:#18f}.theme--mos .login-section .login-type i{width:14px;height:14px;background-position:-905px -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--mos .login-section .login-type--normal i{width:14px;height:14px;background-position:-863px -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--mos .form-field .f-text:focus{border-color:#18f}.theme--waimai_developer .header--mini{border-bottom-color:#f76120}.theme--waimai_developer .header--mini .site-logo{width:128px;width:148px;height:52px;background-position:-388px -748px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai_developer .header .site-logo{width:144px;height:60px;background-position:-114px -748px;background-image:url(/assets/sp-normal.2ee5c09.png);background-size:initial}.theme--waimai_developer .footer .copyright{text-align:center;color:#ccc}.theme--waimai_developer .footer .copyright .link,.theme--waimai_developer .footer .copyright a{color:#ccc}.theme--waimai_developer .btn{border-color:#fe4d3d;color:#FFF;background:#fe4d3d}.theme--waimai_developer .link,.theme--waimai_developer a{color:#fe4d3d}.theme--waimai_developer .site-body-wrapper{width:100%;background-color:#eef5ff}.theme--waimai_developer .login-block--pc,.theme--waimai_developer .login-section{background:0 0}.theme--waimai_developer .login-section .validate-info{border-color:#EEE;background:#f6f6f6}.theme--waimai_developer .login-section .login-type i{width:10px;height:13px;background-position:-1268px -491px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai_developer .login-section .login-type--normal i{width:14px;height:12px;background-position:-919px -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai .footer .copyright{text-align:center;color:#ccc}.theme--waimai .footer .copyright .link,.theme--waimai .footer .copyright a{color:#ccc}.theme--waimai .header--mini{border-bottom-color:#FFD705}.theme--waimai .header--mini .site-logo{width:148px;background-position:-388px -748px;background-image:url(/assets/sp-normal.2ee5c09.png);height:44px;margin-top:-2px}.theme--waimai .header--mini .site-name{margin-top:20px;color:#694F3B;line-height:20px;border-left:1px solid #694F3B}.theme--waimai .header .site-logo{width:144px;height:60px;background-position:-114px -748px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai .btn{border-color:#FFD705;color:#6B450A;background:#FFD705}.theme--waimai .link,.theme--waimai a{color:#FA9700}.theme--waimai .login-section .validate-info{border-color:#EEE;background:#f6f6f6}.theme--waimai .login-section .login-type i{width:10px;height:13px;background-position:-1268px -491px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai .login-section .login-type--normal i{width:14px;height:12px;background-position:-919px -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.theme--waimai .form-field .f-text:focus{border-color:#FFD705}.theme--www .header--mini .site-logo{width:128px;background:url(/assets/logo.6a89007.png) no-repeat;background-size:contain}.theme--www .header .site-logo{background:url(/assets/logo.6a89007.png) no-repeat;background-position:0!important;background-size:contain!important;width:130px;height:47px}@media (-webkit-min-device-pixel-ratio:1.5){@supports (background-size:contain){.theme--www .header .site-logo{background:url(/assets/logo.6a89007.png) no-repeat;background-position:0!important;background-size:contain!important;width:130px;height:47px}}}.header{width:980px;height:auto;margin:40px auto 30px}.header .site-logo{margin:0;width:82px;height:54px;background-position:-188px -808px;background-image:url(/assets/sp-normal.2ee5c09.png);background-repeat:no-repeat;background-size:initial;float:left;display:block;display:inline;text-indent:-9999px;overflow:hidden}.header .site-des{font-size:22px;line-height:49px;color:#888;padding-left:20px;margin-left:20px;border-left:1px solid #DDD}.footer{margin:0 auto 30px;clear:both;width:980px;font-size:12px;color:#999}.footer .site-info-nav{margin-bottom:20px;padding:12px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE}.footer .site-info-nav ul{float:left;width:594px;color:#EEE}.footer .copyright a,.footer .site-info-nav li a{color:#999}.footer .site-info-nav li{float:left;margin:5px 0;padding:0 16px;line-height:14px;border-right:1px solid #EEE}.footer .site-info-nav .first{padding-left:0}.footer .site-info-nav .last{border-right:none}.footer .site-info-nav__commitment img{vertical-align:top}.footer .copyright{text-align:left;clear:both;font-size:12px;font-family:initial}.plus{box-sizing:border-box;display:inline-block;width:10px;height:10px}.plus:after,.plus:before{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px}.login-section .form--stack h2 a,.login-section .login-type a{position:relative;padding-right:16px;color:#666;float:right;font-size:12px}.plus:before{width:8px;height:1px}.plus:after{height:8px;width:1px}.login-section{margin:0 auto;width:270px;background:#FFF}.login-section .validate-info{min-height:18px;margin-top:0}.login-section .login-type{font-weight:400;color:#666}.login-section .login-type i{width:14px!important;height:14px!important;background:url(/assets/mobile.24bd95a.png)!important;background-size:contain!important}.login-section .login-type--normal i{width:14px!important;height:14px!important;background:url(/assets/normal.97888a3.png)!important;background-size:contain!important}.login-section .form--stack{width:270px}.login-section .form--stack .btn,.login-section .form--stack .btn-hot{width:100%}.login-section .form--stack h2{font-weight:400;color:#666}.login-section .form-field{padding-left:0;padding-bottom:8px}.login-section .form-field--higher{padding-bottom:22px}.login-section .form-field--verify-mobile{padding:0;z-index:10;position:absolute;right:0}.login-section .form-field--verify-mobile .btn-mini{background:0 0;border:none;letter-spacing:0;color:#666}.login-section .form-field--verify-mobile .btn-mini:hover{background:0 0}.login-section .form-field--verify-mobile .verify-tip{font-size:12px;color:#666}.login-section .form-field--verify-mobile .error{color:#f76120}.login-section .form-field--auto-login{padding-top:0;font-size:12px}.login-section .form-field--auto-login label{font-size:12px}.login-section .form-field--auto-login .ui-checkbox+label.normal{padding-left:20px}.login-section .form-field--auto-login .forget-password{float:right}.login-section .phone-input-wrapper{box-sizing:border-box;width:100%;padding:0;border:1px solid #aaa;background-color:#fff;margin:8px 0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.login-section .phone-input-wrapper .phone-input{width:180px;padding-left:5px;border:none;max-width:200px!important}.login-section .phone-input-wrapper .country-area{color:#646464;display:inline-block;text-decoration:none}.login-section .phone-input-wrapper .right-arrow{width:5px;height:5px;display:inline-block;border-right:1px solid #646464;border-top:1px solid #646464;transform:rotate(45deg);margin-right:4px;position:relative;bottom:2px}.login-section .phone-input-wrapper.form-field--error{border-color:#f76120}.login-section .phone-input-wrapper.focus{border-color:#FFC300}.login-section .form-field--icon .pw-input,.login-section .form-field--icon .smscode-input{width:230px;border-color:#999}.login-section .form-field--icon .pw-input:focus{border-color:#FFC300}.login-section .form-field--icon .icon-password{width:18px;height:18px;background-position:-1250px -527px;background-image:url(/assets/sp-normal.2ee5c09.png)}.login-section .icon{position:absolute;display:inline-block;width:18px;height:18px;top:16px;left:9px;line-height:18px;vertical-align:text-top}.login-section .verify-tip{font-size:12px;color:#666}.login-section .verify-tip--error{color:#f76120}.login-section .signup-guide{color:#666}.login-section .treaty-block{padding:10px 0;color:#999;font-size:12px}.login-section .pwdtip-block{padding:0;color:#999;font-size:12px}.login-section .oauth-wrapper{margin-top:20px}.login-section .oauth-wrapper .title-wrapper{position:relative;margin-bottom:30px;border-bottom:1px solid #CCC;width:100%;height:0;overflow:visible}.login-section .oauth-wrapper .title{position:absolute;top:-10px;left:50%;margin-left:-75px;width:150px;text-align:center;font-size:14px;font-weight:400;color:#666;background:#FFF}.login-section .oauth-wrapper .oauth__link,.login-section .oauth-wrapper .oauth__link--alipay,.login-section .oauth-wrapper .oauth__link--alipay:hover,.login-section .oauth-wrapper .oauth__link--weibo,.login-section .oauth-wrapper .oauth__link--weibo:hover,.login-section .oauth-wrapper .oauth__link:hover{width:18px;height:18px;background-image:url(/assets/sp-normal.2ee5c09.png)}.login-section .oauth-wrapper .oauth{padding-left:88px}.login-section .oauth-wrapper .oauth__link{float:left;margin-right:20px;background-position:-1250px -491px}.login-section .oauth-wrapper .oauth__link:hover{background-position:-1250px -509px}.login-section .oauth-wrapper .oauth__link--alipay{background-position:-1250px -635px}.login-section .oauth-wrapper .oauth__link--alipay:hover{background-position:-1250px -563px}.login-section .oauth-wrapper .oauth__link--weibo{background-position:-1250px -599px}.login-section .oauth-wrapper .oauth__link--weibo:hover{background-position:-1250px -545px}.form-field--info{margin-top:-10px}.mtdp-login-bg{background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:none}.yoda-verify{position:absolute;top:50%;left:50%;z-index:200}.mobile-yoda-verify{width:80%;left:50%;transform:translateX(-50%);top:40%;position:fixed}.stick-qrcode{position:fixed;left:50%;margin-left:500px;z-index:40}.stick-qrcode .xiaomei{display:block;width:114px;height:255px;background-position:0 -677px;background-image:url(/assets/sp-normal.2ee5c09.png)}.stick-qrcode .stick-qrcode__pos{width:74px;height:74px;background-position:-114px -808px;background-image:url(/assets/0.png);position:absolute;top:128px;left:17px}.stick-qrcode .close{position:absolute;top:110px;right:6px;width:20px;height:20px}.zoom-detect-msg{position:fixed;bottom:0;padding:10px;width:100%;background:#7C8994;text-align:center;opacity:.85;filter:alpha(Opacity=85);z-index:100}.zoom-detect-msg .content{margin-right:10px;font-size:16px;color:#FFF}.zoom-detect-msg .ignore{font-size:12px;text-decoration:underline;color:#FFF}.pg-unitive-login .site-body{margin:0 auto 70px;width:980px}.pg-unitive-login .promotion-banner{float:left;height:370px;margin:0 115px 0 0;width:480px}.pg-unitive-login
       .login-section{float:left;padding-top:0}
    </style>

    <link rel="stylesheet" type="text/css" href="./css/register.css">

<!--	<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>-->
    <script src="./js/vue2.6.12.js"></script>
	<script src="./js/axios.js"></script>
	    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script> -->
	 <!-- <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script> -->
	<script type="text/javascript" src="./js/qs.js"></script>
	<script type="text/javascript" src="./js/common.js"></script>
</head>

<body class="pg-unitive-login theme" >



    <div class="site-body-wrapper"  id="app">
    <div class="site-body cf">
        <div class="promotion-banner">
	        <img src="./images/user/login_side_pic.jpg" width="480" height="370" >
		</div>
        <div class="login-section" >
        <div class="validate-info" style="visibility:hidden"></div>
        <span class="login-type">
            账号登录
        </span>
        <div class="form-field form-field--icon phone-input-wrapper">
                <span class="country-area">
                    <span class="plus"></span><span>86</span>
                    <i class="right-arrow"></i>
                </span>

            <input type="text" v-model="form.username"  class="f-text phone-input" placeholder="手机号" value="" maxlength="15">
        </div>
        <div class="form-field form-field--icon pw-input-wrapper">
            <i class="icon icon-password"></i>
            <input type="password" v-model="form.password" id="login-password" class="f-text pw-input" name="password" placeholder="密码">
        </div>
        <div class="form-field form-field--auto-login cf">
               <a tabindex="-1" href="javascript:alert('对不起,暂时不支持找回')" target="_top" class="forget-password">忘记密码？</a>
        </div>
        <div class="form-field form-field--ops">
            <input type="hidden" name="origin" value="account-login">
            <input type="hidden" name="csrf" value="y9uci5kC-_RPHXRJl0heBoTyUXTWvORn8WYw">
            <input type="hidden" name="requestCode" value="">
            <input type="hidden" name="responseCode" value="">
            <input data-mtevent="login.normal.submit" @click="doLogin" type="button" class="btn" name="commit" value="登录">
        </div>

            <p class="signup-guide">还没有账号？<a href="register.html" target="_top">免费注册</a></p>

	</div>

    </div>
    </div>


</body>

<script>
	let vm = new Vue({
		el:"#app",//绑定，告知vue负责管理页面的哪个部分
		data:{
			form:{
				username:'',
				password:'',

			}
		},
		methods:{

		    //用户登录功能
            /**
             * url: auth/weblogin
             * method: post
             * param: form对象
             * return:
             *   在响应函数中
             *   1. 调用setToken(res)把服务端返回的token保存在cookie中 .setToken方法在common.js中定义
             *   2. 使用localStorage.setItem把用户登录使用的手机号码(form中username变量)保存在浏览器中，key使用"cellphone",以后下订单的页面会显示手机号码
             *   3. 登录成功后跳转到index.html页面
             */
			doLogin(){
                axios.post('auth/weblogin',{
                    username:this.form.username,
                    password:this.form.password
                })
                .then(res=>{
                    if(res.code==200){
                        setToken(res.token)
                        localStorage.setItem('user_cellphone',this.form.username)
                        location.href='index.html'
                    }else{
                        alert(res.msg)
                    }
                })
			}
		},
		created(){
		}
	})
</script>
</html>
